@import "styles/common.scss";

.container {
	width: 1200px;
	display: block;
}


.conditionSearch{
    padding:40px 30px;
    border: 1px solid #e7f0f3;
    box-shadow: 0px 2px 10px  rgba(0,0,0,0.06); 
    .head{
        position: relative;
        margin-top:-10px;
        .title{
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 30px;
            &:before{
                content:'';
                display: inline-block;
                width: 4px;
                height: 16px;
                background: #095FD3;
                margin-right: 10px;
                vertical-align: -2px;
            }
        }
        .extra{
            position: absolute;
            top:2px;
            right:0
        }
    }
    .item{
        margin-bottom: 30px;
        .conditionName{
            float:left;
            width:130px;
            font-weight: bold;
            font-size:16px;
            color:#333;
            text-align: right;
            margin:2px 15px 0 0;
        }
        .content{
            overflow: hidden;
            margin-right: 70px;
            li{
                display: inline-block;
                font-size:16px;
                color:#666;
                margin: 0 0 10px 0;
                padding:0 10px;
                cursor: pointer;
                border:1px solid transparent;
                height: unset;
                &.active{
                    color: blue;
                    border-color:  blue;
                    border-radius: 4px;
                }
                &.disabled{
                    color:#999;
                    cursor:not-allowed;
                }

                .selectLabel{
                    margin-right: 8px;
                }
            }
            li +li{
                margin-left:26px;
            }

            :global{
                .ant-row{
                    display: inline-block;
                    margin-bottom: 0;
                    top:-5px;
                }
                .ant-select-selection__placeholder{
                    font-size:18px;
                    color:#666;
                }

                ::placeholder { 
                    color: #8c9294;
                    font-size: 16px;
                }

            } 
        }

        .expand{
            float:right;
            color: blue;
            font-size: 14px;
            margin-top: 5px;
            cursor: pointer;
            :global(.anticon){
                color:#9DAEC7;
                margin-left:5px;
            }
        }
    }
    .footer{
        text-align: right;
        :global{
            .ant-btn-lg{
                width:120px;
                height:40px;
                font-size:18px;
                >span {
                    width: 100%;
                }
            }

            .ant-btn + .ant-btn{
                margin-left:10px;
            }
             
            .ant-btn-blue{
                background: #009fd1;
            }
    
            .ant-btn-green{
                background: #095FD3;
            }
        }
    }
    
}